<template>
  <div>
    <h2>Hello Webpack Vue</h2>
    <ul :class="appStyle.list">
      <li v-for="(ele,index) in arr" :key="index">{{ ele }}</li>
    </ul>
    <br>
    <button @click="handleError">点击错误</button>
    <br>
    <CountComp />
  </div>
</template>

<script setup lang="ts">
import CountComp from '@/components/CountComp.vue'
import appStyle from "@/styles/app.module.css"

const arr = ["javascript", "typescript", "vue", "react", "nodejs"].map(item => item.toUpperCase());

const handleError = () => { 
  throw new Error('error')
}
console.log(process.env.NODE_ENV);
console.log(process.env.VUE_APP_API_URL);
console.log(process.env.BASE_URL);
console.log(process.env.CURRENT_ENV);
</script>

<style scoped>
</style>
